<template>
    <div style="line-height:1.8">
    <div>试卷预览</div>
    <el-row style="text-align: center">
      <el-form :inline="true">
       <el-form-item  v-html="paper.paperName"></el-form-item>
       <el-form-item  v-html='paper.score'></el-form-item>分
      </el-form>
      </el-row>


      <div >
          <div v-for="item1 in paper.titleItems">
            <span >{{item1.questionName}}</span>
          <div v-if="item1.type == 1 || item1.type == 2">
            <div v-for="(item2,index) in item1.questionItems" class="q-item-contain">
              <span >{{index+1}}、{{item2.questionName}}</span>
              <div v-for="item3 in item2.items" class="q-item-contain">
                <span class="q-item-prefix">{{item3.prefix}}</span>
                <span>&nbsp;&nbsp;</span>
                <span v-html="item3.content" class="q-item-content"></span>
              </div>
                <br>
            </div>
          </div>
          <div v-if="item1.type == 4">
            <div v-for="(item2,index) in item1.questionItems" class="q-item-contain">
              <span >{{index+2}}、{{item2.questionName}}</span>
                <br>
                <i class="el-icon-check"></i>
                &nbsp;
                <i class="el-icon-close"></i>
                <br>
            </div>
            <br>
          </div>
          <div v-if="item1.type == 3">
            <div v-for="(item2,index) in item1.questionItems" class="q-item-contain">
              <span >{{index+3}}、{{item2.questionName}}</span>
              <br>
              <span>答：</span>
            </div>
          </div>
          </div>
      </div>
  </div>

  </template>
  
  <script>
  export default {
    name: 'PaperShow',
    props: {
      paper: {
        type: Object,
        default: function () {
          return {}
        }
      },
      qLoading: {
        type: Boolean,
        default: false
      },
    },
    methods: {}
  }
  </script>
  